﻿/**************   Palette  ***************/
/*****************************************/
.palette {
    padding: 0;
    margin: 0;
    list-style: none;
    margin-top: 5px;
}
    .palette li {
        float: left;
        border: 1px solid black;
        width: 40px;
        height: 40px;
        margin: 2px;
        cursor: pointer;
    }
        .palette li.active {
            border: 2px solid black;
            margin: 1px;
        }
.current-color {
    margin: 2px;
    padding: 0;
    max-width: 86px;
    height: 40px;
    border: 1px solid black;
    cursor: pointer;
}


/**************   Toolbars  ***************/
/*****************************************/
.vertical-left-toolbar {
    width: 92px;
    float: left;
    margin-right: 5px;
    overflow: hidden;
}
.vertical-right-toolbar {
    width: 92px;
    float: right;
    margin-left: 5px;
    overflow: hidden;
}
.horizontal-toolbar {
    height: 46px;
}

/* line thickness picker */
.line-thickness-view {
    float: left;
    width: 40px;
    height: 40px;
    border: 1px solid black;
    margin: 2px;
}
.thickness-picker {
    float: left;
    width: 200px;
    margin: 15px 10px;
    padding: 0;
}

.drawing-room {
    margin-top: 10px;
}

canvas {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid black;
    float: left;
    cursor: url("../Images/pencil.gif"), auto;
}

.ui-colorpicker  {
    width: 327px !important; /* ToDo: changed */
}